<template>
    <div class="col-lg-7 col-md-6 col-sm-6 col-xs-12" id="develop_history">
                <div class="whyChoose-right" v-for="data in datas" :key="data">
                  <div class="media">
                    <div class="media-left">
                      <a class="media-icon">
                      </a>
                    </div>
                    <div class="media-body  ">
                      <h4 class="media-heading" >{{data.date}}</h4>
                      <p>{{data.thing}}</p>
                    </div>
                  </div>
                  <!-- </div><div class="media">
                    <div class="media-left">
                      <a class="media-icon">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">2018.11</h4>
                      <p></p>
                    </div>
                  </div>

                  <div class="media">
                    <div class="media-left">
                      <a class="media-icon">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">2019.02</h4>
                      <p></p>
                    </div>
                  </div>
<div class="media">
                    <div class="media-left">
                      <a class="media-icon">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">2019.03  </h4>
                      <p></p>
                    </div>
                  </div>
<div class="media">
                    <div class="media-left">
                      <a  class="media-icon">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">2019.04  </h4>
                      <p></p>
                    </div>
                  </div>
<div class="media">
                    <div class="media-left">
                      <a class="media-icon">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">2019.05  </h4>
                      <p></p>
                    </div>
                  </div>
                </div> -->
              </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
      datas: [
        new this.DadaFun('2018.10', '校园互助平台想法诞生'),
        new this.DadaFun('2018.11', '创始团队成立。根据市场调研结果，宿蜂进入研发阶段'),
        new this.DadaFun('2019.02', '校园有偿互助平台宿蜂小程序研发基本完成'),
        new this.DadaFun('2019.03', '南京市有你互联网有限公司正式注册'),
        new this.DadaFun('2019.04', '宿蜂小程序上线内测'),
        new this.DadaFun('2019.05', '宿蜂小程序上线外测')
      ]
    }
  },
  methods: {
    DadaFun (date, thing) {
      this.date = date
      this.thing = thing
    }
  }
}
</script>
